<template>
	<view class="uiwu-goods-item">
		<image class="uiwu-goods-item-image" :src="item[propData.img] || '/static/logo.png'" mode="aspectFill" :style="{'height':imageHeight,'border-radius':imageRadius}" ></image>
		<view class="uiwu-goods-item-name uiwu-hidden2" :style="{'color':nameColor}" >{{item[propData.name] || '商品名称默认字段是商品名称默认字段是商品名称默认字段是'}}</view>
		<view style="padding: 0 15rpx;" class="uiwu-flex uiwu-flex-space">
			<uiwu-price-model :money="item[propData.price] || '500'" :money_size="40" :symbol_size="26" colors="#f00" ></uiwu-price-model>
			<view class="uiwu-goods-item-custom">
				<slot name="custom"></slot>
			</view>
		</view>
	</view>
</template>
<script>
	/**
	 * uiwu-goods-item  单个商品组 提供插槽 custom 用于存放显示  销量 || 画线价 || 库存 
	 * @property {oBject} item 商品组数据信息  
	 * @property {Object} prop-data = { img:'img' ,name:'name',price:'price'  }  自定义商品组渲染字段
	 * @property {String} name-color 商品名称字体颜色 默认#333
	 * @property {String} image-height 商品图片高度 默认340rpx
	 * @property {String} image-radius 商品图片圆角值 默认0
	 */
	export default {
		name:'uiwuGoodsItem',
		props:{
			item:{
				default:()=>{
					return {}
				},
				type:Object || String
			},
			imageHeight:{
				default:'340rpx',
				type:String
			},
			imageRadius:{
				default:'0',
				type:String
			},
			nameColor:{
				default:'#333',
				type:String
			},
			propData:{
				default:()=>{
					return {
						img:'img',
						name:'name',
						price:'price'
					}
				},
				type:Object
			}
		},
		data(){
			return {
				
			}
		},
		created() {
			
		},
		methods:{
			
		}
	}
</script>
<style lang="scss" scoped>
	.uiwu-goods-item{
		&-image{
			width: 100%;
			height: 340rpx;
		}
		&-name{
			font-size: 30rpx;
			font-weight: 600;
			padding: 0 15rpx;
			margin: 10rpx 0;
		}
		&-custom{
			font-size: 26rpx;
			color: #888;
		}
	}
</style>
